﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Change Password</title>
    <link rel="stylesheet" href="${contextPath }/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath }/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath }/resources/js/validation/validation.js"></script>    
    <script type="text/javascript" src="${contextPath }/resources/js/client/ForgotUsernamePassword.js"></script>
</head>    
<body>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer">
            <table class="wrapContainer">
                <tr>
                    <td class="left">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject">Change Password</p>
                            
                            <p>To change your password, please enter your email address, old and new password and click Change Password</p>
                            
                            <br />
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <form action="process-result/change-password" method="post" style="margin-left: 50px;">                                
                                <!--USERNAME INPUT-->
                                <div class="wrap-item-container " style="margin-top: 15px;">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_150">User Name</div>
                                        <div class="field-wrap" >
                                            <input id="currentUsername" readonly="readonly" class="mce wd_250 disabled" value="ElementTester@Nidec-MCE.com" type="text">
                                            <span id="error_currentUsername" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container ">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_150">Old Password<span class="required">*</span></div>
                                        <div class="field-wrap" >
                                            <input id="oldPassword" type="password" class="mce wd_250" value="init1234" />
                                            <span id="error_oldPassword" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container ">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_150">New Password<span class="required">*</span></div>
                                        <div class="field-wrap" >
                                            <input id="password1" type="password" class="mce wd_250" value="" />
                                            <span id="Span1" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container ">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_150">Confirm Password<span class="required">*</span></div>
                                        <div class="field-wrap" >
                                            <input id="password2" type="password" class="mce wd_250" value="" />
                                            <span id="Span2" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>    
                                <div class="wrap-item-container wd_445">
                                    <div class="buttonContainer">
                                        <input type="submit" style="float:none;" class="mce back" name="actionName" value="BACK" />
                                        <input type="submit" style="float:none;" class="mce" name="actionName" value="Change Password"/>
                                    </div>
                                </div> 
                                
                                <!--/USERNAME INPUT-->
                            </form>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right">
                        <%@include file="right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath }/resources/images/Nidec.jpg" />
            <img src="${contextPath }/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
